@font-face {

    font-family: "FranklinGothic";

    src: url("https://images.hanlonsonline.co.uk/Newham/fonts/FranklinGothic.ttf");

    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: "Dosis-Regular";

    src: url("https://images.hanlonsonline.co.uk/Newham/fonts/static/Dosis-Regular.ttf");

    font-weight: 700;

    font-style: normal;

}

.resources-img {
    margin-left: -24%;
}

h1,
h2 {
    color: #000 !important;
    font-family: "FranklinGothic";
    margin-top: 30px;
}
.h3, h3 {
    font-size: 1.75rem;
    font-family: "FranklinGothic";
    color: #000;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-family: "FranklinGothic";
    color: #000;
}

.panel {
    margin-bottom: 20px;
    background-color: #9fcfaa;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.fa-angle-down:before {
    content: "\f107";
    color: #000;
}

.fa-angle-up:before {
    content: "\f106";
    color: #000;

}

a#contact {
    margin-top: 40px;
    margin-left: 3%;
    font-size: 20px;
    font-family: "FranklinGothic";
    border-radius: 32px;
    background: #9fcfaa;
    border: 2px solid #000;
    color: #000;
    width: 250px;
       margin-bottom: 30px;
}
a#contactTwo {
    margin-top: 40px;
    margin-left: 3%;
    font-size: 20px;
    font-family: "FranklinGothic";
    border-radius: 32px;
    background: #9fcfaa;
    border: 2px solid #000;
    color: #000;
    width: 250px;
    margin-bottom: 30px;
}
img.image-four {
    margin-top: -20px;
}

img.image-five {
    margin-left: -57px;
}

img.image-six {
    margin-left: -20px;
}

img.image-seven {
    margin-top: -10px;
}

div#bulletPointListTwo {
    font-family: "Dosis-Regular";
    font-size: 18px;
}
div#bulletPointListThree {
    font-family: "Dosis-Regular";
    font-size: 18px;
}
div#bulletPointListFour {
    font-family: "Dosis-Regular";
    font-size: 18px;
}
@media only screen and (max-width: 1440px) {
    img.image-one {
        width: 60%;
        margin-left: 0px;
    }

    img.image-five {
        margin-left: -20%;
    }

    .resources-img {
        margin-left: -8%;
    }

    img.banner-img {
        width: 118%;
        margin-left: -5%;
    }

    #interviewQuestions {
        width: 134%;
        margin-left: 0%;
        margin-bottom: 25px;
    }

    p#interviewTipsText {
        margin-left: 0;
    }

    h2.interview-tips {
        font-family: "FranklinGothic";
        color: #000;
        margin-left: 0;
    }

    p#interviewQuestionsText {
        margin-left: 0%;
    }

    img.banner-img-two {
        padding: 100px;
        width: 128%;
        margin-left: -14%;
    }

    h2.face-to-face-interview {
        margin-left: -1%;
        font-family: "FranklinGothic";
        color: #000;
    }

    p#interviewFaceToFace {
        margin-left: -1%;
    }
}

@media only screen and (max-width: 1024px) {
    h2.page-directory-title {
        font-family: "FranklinGothic";
        color: #000;
        margin-left: 3%;
    }

    .grey-background {
        margin-left: 0% !important;
    }

    #interviewQuestions {
        height: 300px;
        width: 122%;
        margin-left: -16%;
        background-size: cover;
    }

    #homepageContainer {
        width: 100%;
        margin-left: 0%;
    }

    p#interviewQuestionsText {
        /* margin-left: -25%; */
    }

    h2.interview-questions {
        margin-left: -17%;
        margin-top: 1%;
        width: 100%;
    }

    h2.interview-tips {
        margin-left: -10%;
        text-align: center;
    }

    img.image-five {
        margin-left: 27%;
    }

    h2.training {
        margin-left: 21%;
    }

    img.image-one {
        margin-left: 0;
        width: 75%;
    }

    img.image-five {
        margin-left: -26%;
    }

    img.image-six {
        margin-left: -12%;
    }

    img.image-seven {
        width: 100%;
        margin-left: 25px;
    }

    img.image-eight {
        margin-left: 15px;
    }
}

@media only screen and (max-width: 768px) {
    h2.interview-questions {
        margin-left: 0%;
    }

    #homepageContainer {
        width: 100%;
        margin-left: 0;
    }

    #interviewQuestions {
        height: 190px;
        width: 109%;
        margin-left: -6%;
        background-size: cover;
    }

    a#contact {
        margin-left: 36%;
    }

    img.image-one {
        margin-left: 37%;
        width: 70%;
    }

    img.image-two {
        margin-left: 25%;
        width: 100%;
    }

    img.image-three {
        margin-left: 37%;
        width: 93%;
    }

    img.image-four {
        width: 80%;
        margin-left: 38% !important;
    }

    img.image-five {
        margin-left: 18%;
        width: 100%;
    }

    img.image-six {
        margin-left: 24%;
        width: 100%;
    }

    h2.staying-positive {
        margin-left: 27.5%;
        margin-top: 5%;
    }

    img.image-seven {
        margin-left: 42%;
        width: 92%;
    }

    img.image-eight {
        margin-left: 49%;
        width: 54%;
    }
}

@media only screen and (max-width: 425px) {
    div#resources-one {
        padding-top: 25px;
    }

    #homepageContainer {
        width: 100%;
        margin-left: 0%;
    }

    a#contact {
        margin-left: 19%;
    }

    #interviewQuestions {
        height: 175px;
        width: 426px;
        margin-left: -4%;
        background-size: cover;
        margin-top: -21px;
    }

    h2.staying-positive {
        margin-left: 18.5%;
        margin-top: 5%;
    }

    img.image-one {
        margin-left: 25%;
        width: 45%;
    }

    img.image-two {
        margin-left: 15%;
        width: 65%;
        margin-top: 30px;
    }

    img.image-three {
        margin-left: 12%;
        width: 70%;
        margin-top: 30px;
    }

    img.image-four {
        width: 70%;
        margin-left: 13% !important;
    }

    img.image-five {
        margin-left: 13%;
        width: 71%;
    }

    img.image-six {
        margin-left: 13%;
        width: 75%;
        margin-top: 30px;
    }

    img.image-seven {
        margin-left: 18%;
        width: 70%;
        margin-top: 30px;
    }

    img.image-eight {
        margin-left: 28%;
        width: 46%;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 375px) {
    h2.interview-questions {
        margin-left: 0%;
    }

    #interviewQuestions {
        margin-left: -4%;
        background-size: cover;
        margin-top: -21px;
    }

    h2.interview-questions {
        margin-left: 0%;
    }

    div#resources-one {
        padding-top: 15px;
    }

    h2.training {
        margin-left: 30%;
    }

    img.image-two {
        margin-left: 17%;
    }

    img.image-three {
        margin-left: 15%;
    }

    img.image-four {
        margin-left: 16% !important;
    }

    h2.interview-questions {
        margin-left: 25%;
    }

    img.image-five {
        margin-left: 17%;
    }

    img.image-six {
        margin-left: 18%;
    }

    img.image-seven {
        margin-left: 22%;
    }

    img.image-eight {
        margin-left: 32%;
    }

    h2.jobs-fair {
        margin-left: 34%;
        margin-top: 0%;
    }

    a#contact {
        margin-left: 16%;
    }

    h2#questions {
        margin-left: 29% !important;
    }
}